﻿<div class="sign-in" style="margin: 20px auto;">
    <div class="row">
        <div class="col-md-8">
            asdf
        </div>
        <div class="col-md-4">
            @using (Html.BeginForm())
            {
                <div class="form-group">
                    <label for="username">
                        帐 号</label>
                    <input type="email" class="form-control" id="username" name="username" maxlength="30"
                        placeholder="帐号/绑定邮箱/绑定手机" />
                    <p class="help-block">
                        请输入图片中的字符，不区分大小写。</p>
                </div>
                <div class="form-group">
                    <label for="password">
                        密 码</label>
                    <input type="password" class="form-control" id="password" name="password" maxlength="16"
                        placeholder="请输入您的密码" />
                    <p class="help-block">
                        请输入图片中的字符，不区分大小写。</p>
                </div>
                <div class="form-group">
                    <label for="captcha">
                        验证码</label>
                    <div class="row">
                        <div class="col-lg-4">
                            <input type="text" id="captcha" name="captcha" class="form-control" maxlength="4"
                                placeholder="验证码" autocomplete="off" />
                        </div>
                        <div class="col-lg-8">
                            <img id="login-captcha-img" class="captcha-img" src="/global/captcha/signin" onclick="this.src='/global/captcha/signin?'+Math.random();document.getElementById('captcha').value='';"
                                alt="点击刷新验证码" />
                        </div>
                    </div>
                    <p class="help-block">
                        请输入图片中的字符，不区分大小写。</p>
                </div>
                <div class="form-group">
                    <button type="button" class="btn btn-default" onclick="Ayatta.Global.SignIn(this.form);">
                        登 录</button>
                </div>
                
                <div class="form-group sign-in-external">
                    <ul class="list-inline">
                        <li>使用合作网站账号登录：</li>
                        <li><a href="/signin/external/qq">QQ</a> </li>
                    </ul>
                </div>
            }
        </div>
    </div>
</div>
@section css{
    @Url.Ayatta().StaticCss("jquery.fancybox")
    <style type="text/css">
        .sign-in
        {
            padding: 20px;
            border: 1px solid #DCDCDC;
            border: 1px solid #CCCCCC;
            border-radius: 3px 3px 3px 3px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
        }
        .captcha-img
        {
            width: 120px;
            height: 30px;
        }
    </style>
}
@section js{
    <script src="/js/app.global.js" type="text/javascript"></script>
    <script src="/js/app.passport.js" type="text/javascript"></script>
    <script type="text/javascript">

        $(function () { //Sk.Passport.Fun.validateLogin(window);

            $('[data-rel="popover"]').popover();

            //$.fancybox.open({ content: '<div class="ui-message ui-message-success"><div class="ui-message-cnt">asdfasf</div></div>', modal: true, padding: 0 });

            //$.fancybox.open({ content: '<div>ssss</div>', modal: true, padding: 0 });
            //$('#myDropdown').ddslick({
            //    onSelected: function (selectedData) {
            //        //callback function: do something with selectedData;
            //   }
            //});
        });
    </script>
}
